<!-- 使用说明页面 -->
<style scoped>
.box{
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: hidden;
}

.box img{
    width: 100%;
    height: 100%;
}

.button{
    position: absolute;
    z-index: 1;
    bottom: 78px;
    right: 35%;
    background-color: #FFC300;
    width: 25%;
    height: 30px;
    border-radius: 25px;
    border: none;
    color: white;
}
</style>

<template>
  <div class="box">
    <img src="../assets/蓝白色飞翔人物插画开学季宣传长图.png" alt="">

    <button class="button" @click="go_back">开启旅行~</button>
  </div>
</template>

<script setup>
import { ref, computed, watch, reactive } from "vue";
import axios from "axios";
import { useRouter, useRoute } from "vue-router";
const router = useRouter();
const route = useRoute();

function go_back(){
    router.push({
    name: "home",
  });
}
</script>